<section fxFlexFill #container class="main-container">    
    <div fxLayout="row" fxFlexFill class="main-section">
        <div fxFlex="22%" fxLayout="column" fxLayoutAlign="start stretch">
            <div fxFlex="10%" fxLayout="row" >
                <app-general-overview-panel 
                    class="general-overview-panel"
                    title="装机容量" 
                    [value]="generalCapacity" 
                    [capacityCorrection]="capacityCorrection" 
                    color="yellow" unit="(MW)">
                </app-general-overview-panel>
                <app-general-overview-panel 
                    class="general-overview-panel"
                    title="有功功率" 
                    [value]="generalPower"  
                    color="#ffb751" 
                    unit="(MW)">
                </app-general-overview-panel>
                <app-general-overview-panel 
                    class="general-overview-panel"
                    title="日实时发电量" 
                    [value]="generalPowerDay"
                    [ratio]="ratio" 
                    color="#ffb9e1" 
                    unit="(万kWh)">
                </app-general-overview-panel>
            </div>


            
            <div fxFlex="20%" fxLayout="column">      
                <app-overview-panel
                    class="overview-panel" 
                    [title]="winFarmCategory?.title" 
                    [backgroundImg]="winFarmCategory?.backgroundImg"
                    [background]="winFarmCategory?.background"
                    [color]="winFarmCategory?.color"
                    [ratio]="ratio"
                    [terms]="winFarmCategory?.terms">
                </app-overview-panel>       
            </div>
            <div class="plan-power" fxFlex="30%">
                <div class="plan-power-title" (dblclick)="ondblclick($event)">
                    <span class="iw dis_inlb">
                        <i class="icon icon-elec"></i>
                        发电量概览
                    </span>
                     <s></s> 
                </div>                 
                <app-plan-power-panel 
                    #dayPlan
                    class="plan-power-content"
                    [ratio]="ratio" 
                    [plantData]="dayPlantData"                  
                    [plantTitel]="'日实时发电量'" 
                    [plantUnit]="'万kWh'"
                    [isOnlyHaveWinfarm]='true'
                    [plantColor]="'#37cafa'">
                </app-plan-power-panel>
                <app-plan-power-panel 
                    #monthPlan 
                    class="plan-power-content"
                    [ratio]="ratio"
                    [plantData]="monthPlantData"                  
                    [plantTitel]="'月实时发电量'" 
                    [plantUnit]="'万kWh'"
                    [isOnlyHaveWinfarm]='true'
                    [plantColor]="'#55c45b'">
                </app-plan-power-panel>
                 <app-plan-power-panel 
                    #yearPlan
                    class="plan-power-content" 
                    [ratio]="ratio"
                    [plantData]="yearPlantData"                  
                    [plantTitel]="'年实时发电量'" 
                    [plantUnit]="'万kWh'"
                    [isOnlyHaveWinfarm]='true'
                    [plantColor]="'#ADFF2F'">
                </app-plan-power-panel>              
            </div>     
            <div fxFlex="37%">
                <app-realtime-power-panel 
                    #realtimePower
                    [ratio]="ratio">
                </app-realtime-power-panel>
            </div>
        </div>
        <div fxFlex="60%" fxLayout="column" fxFlex.xs="100%">
            <app-map fxFlex="70%" (changeFarm)="onChangeFarm($event)" [farms]="limitedFarms"></app-map>
            <app-wind-power-panel #windPower fxFlex="30%" [currentFarm]="currentLimitedFarm">曲线图</app-wind-power-panel>
        </div>
        <div fxFlex="18%" fxLayout="column" class="main-right">           
            <app-farm-overview-panel 
                fxFlex="30%"
                class="farm-overview-panel" 
                [currentFarm]="currentLimitedFarm"
                >
            </app-farm-overview-panel>

            <!-- <div class="plan-power" fxFlex="30%">
                <div class="plan-power-title"><span class="iw dis_inlb"><i class="icon icon-elec"></i>发电量概览</span></div>                 
                <app-plan-power-panel 
                    class="plan-power-content"
                    [ratio]="ratio" 
                    [plantData]="dayPlantData"                  
                    [plantTitel]="'日发电量'" 
                    [plantUnit]="'万kWh'"
                    [plantColor]="'#37cafa'">
                </app-plan-power-panel>
                <app-plan-power-panel  
                    class="plan-power-content"
                    [ratio]="ratio"
                    [plantData]="monthPlantData"                  
                    [plantTitel]="'月发电量'" 
                    [plantUnit]="'万kWh'"
                    [plantColor]="'#55c45b'">
                </app-plan-power-panel>
                 <app-plan-power-panel 
                    class="plan-power-content" 
                    [ratio]="ratio"
                    [plantData]="yearPlantData"                  
                    [plantTitel]="'年发电量'" 
                    [plantUnit]="'万kWh'"
                    [plantColor]="'#ADFF2F'">
                </app-plan-power-panel>              
            </div> -->

            <app-turboper-panel class="main-turbOper"  #turbOper
                 fxFlex="25%"
                 title="风机检修"
                  [maxValue]="max"
                  [totalTurboperDatas]="totalTurboperDatas"
                  [turboperTable]="turboperTable">              
             </app-turboper-panel>
            

            <app-turbstatus-panel fxFlex="45%" class="main-turbstatus" #turbStatus
              title="风机状态" 
              [orient]="orient"
              [totalTurbstatusDatas]="totalTurbstatusDatas" 
              [turbstatusTable]="turbstatusTable">            
            </app-turbstatus-panel>
        </div>
    </div>
</section>


